@import url("reset.scss");
@import url("ele.scss");
@import url("font.scss");

*{
    box-sizing: border-box;
}
/* common */
html {
  width: 100%;
  height: 100%;
}

body {
  font-family: "Microsoft yahei", Helvetica, Arial, Simsun, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  transform-origin: left top;
}

.clearfix:after {
  content: ' ';
  display: table;
  clear: both;
}

#app,
.app-main {
  height: 100%;
  //background-color: #061B1E;
}

.el-table {

  th,
  td {
    text-align: center !important;
  }
}

div::-webkit-scrollbar {
  display: inline-block;
  width: 8px;
  opacity: 0;
}

div::-webkit-scrollbar-thumb {
  width: 8px;
  background: #fff;
  border-radius: 4px;
  opacity: 0.75;
}
.el-dialog__wrapper{
  overflow: hidden;
}
.dialog-style {
  background: transparent;

  .el-dialog {
    box-shadow: 0 0 50px rgb(0 0 0 / 80%);
    background: transparent;

    .el-dialog__header {
      width: 100%;
      height: 30px;
      background: linear-gradient(180deg, #074769, #032238);
      border-radius: 8px 8px 0px 0px;
      border: 1px solid #00b6b6;
      border-bottom: none;
      padding: 0;
      box-sizing: border-box;
      display: flex;
      justify-content: center;
      align-items    : center;

      .el-dialog__title {
        font-size  : 16px;
        font-weight: 600;
        text-align : center;
        color      : #00ffe2;
      }

      .el-dialog__headerbtn {
        font-size: 14px;
        top: 10px;

        .el-dialog__close {
          color: rgba(21, 238, 255, 1);
        }
      }
    }

    .el-dialog__body {
      width: 100%;
      height: calc(100% - 30px);
      background: rgba(3, 26, 29);
      border: 1px solid rgba(0, 255, 238, 0.50);
      border-top: none;
      border-radius: 0 0 10px 10px;
      padding      : 30px 100px 42px 100px;
      box-sizing   : border-box;

      .search-bar {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 13px;
        margin-top: 10px;

        .el-form {
          .el-form-item {
            display: flex;
            align-items: center;

            .el-form-item__label {
              font-size: 28px;
              font-weight: 500;
              color: #ffffff;
              width: 155px !important;
              text-align: center;
            }

            .el-button {
              width: 120px;
              height: 50px;
              background: #15eeff;
              border: 1px solid rgba(21, 238, 255, 0.30);
              border-radius: 4px;
              margin-left: 20px;

              span {
                font-size: 28px;
                color: #000000;
              }
            }
          }
        }
      }
    }

    .el-dialog__footer {
      display: none;
    }
  }
}

.cup{
  cursor: pointer;
}

// ::-webkit-scrollbar {
//     /* 滚动条整体样式 */
//     width: 6px;
//     /* 宽高分别对应横竖滚动条的尺寸 */
//     background: rgb(235, 238, 245);
//     border-radius: 10px;
//     -webkit-box-shadow: inset 1px 0 1px rgba(0,0,0,0.2);
// }
// ::-webkit-scrollbar-thumb {
//     /* 滚动条里的小方块 */
//     border-radius: 3px;
//     background: #095784;
//     height: 120px;
// }
// ::-webkit-scrollbar-track {
//     /* 滚动条里面的轨道 */
//     -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
//     border-radius: 10px;
//     background: #0d2532;
// }